<script setup>
import IconSimple from '@/components/icon-simple/index.vue'

const props = defineProps({
  emptyText: {
    type: String,
    default: '暂时没有数据'
  }
})

</script>

<template>
  <view class="empty-container">
    <icon-simple class="icon-simple-ref" name="empty" :size="72" />
    <view class="empty-text">{{ props.emptyText }}</view>
  </view>
</template>

<style scoped lang="scss">
.empty-container {
  text-align: center;
}
.icon-simple-ref {
  display: inline-block;
}
.empty-text {
  display: block;
  text-align: center;
  @include fs28w400($kaoyan-color-12);
}
</style>
